import React, { PropsWithChildren } from 'react';
import { connect } from 'react-redux';
import { RouteComponentProps } from 'react-router-dom';
import actions from '@/store/actions/home'
import HomeHeader from './components/HomeHeader'
import { CombinedState } from '@/store/reducers'
import { HomeState } from '@/store/reducers/home'
import './index.less'

type StateProps = ReturnType<typeof mapStateToProps>;
type DispatchProps = typeof actions
interface Params { }

type Props = PropsWithChildren<RouteComponentProps<Params> & StateProps & DispatchProps>

function Home(props: Props) {
    return (
        <HomeHeader currentCategory={props.currentCategory} setCurrentCategory={props.setCurrentCategory}>

        </HomeHeader>
    )
}
let mapStateToProps = (state: CombinedState): HomeState => state.home
export default connect(mapStateToProps, actions)(Home)